/* -----------------------------------reset---------------------------------------- */

// reset margin & padding
html,
body,
div,
ul,
ol,
li,
input,
textarea,
select,
form,
menu,
header,
footer,
nav,
hr,
p,
pre,
section,
fieldset,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

// reset list-style
ol,
ul,
li {
  list-style: none;
  list-style-type: none;
}

// reset outline and font
input,
textarea,
button {
  outline: none;
}

// reset min-width, 兼容firefox 规避最小尺寸钳制
input {
  min-width: 0;
}

/* --------------------------------------------------------------------------- */
// 1rem=100px
html {
  font-size: 625%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased; // chrome、safari
  -moz-osx-font-smoothing: grayscale; // firefox
}

// hide default delete icon
input::-webkit-search-cancel-button {
  display: none;
}

input::-ms-clear {
  display: none;
}

[class*='lv-'] {
  box-sizing: border-box;
  font-family: $font-family;

  &::after,
  &::before {
    box-sizing: border-box;
  }
}

// Can't drag scroll bar for virtual scroll region in Firefox (https://github.com/angular/components/issues/21932)
.cdk-virtual-scroll-viewport {
  // fix scroll grabbing error in Firefox
  // with hardware acceleration
  -webkit-transform: translateZ(0);
  transform: none;
}

// TODO
.lv-drag-placeholder {
  border: 0.01rem dashed #2673e5;
  height: 0.32rem;
  width: 100%;
}

.lv-common-text {
  color: $text-color-secondary;
}

.cdk-firefox-polyfill {
  position: initial;
}
